<template>
  <div>
    <van-index-bar>
      <div v-for="item in indexLists" :key="item">
        <van-index-anchor :index="item.index"/>
        <van-cell v-for="(name,index) in item.name" :title="name" :key="index"/>
      </div>
    </van-index-bar>

    <MainTabBar v-bind:activeValue="active"/>
  </div>
</template>

<script>
    import MainTabBar from "../../components/common/MainTabBar";

    export default {
        name: "Contact.vue",
        components: {MainTabBar},
        data() {
            return {
                indexLists: [{
                        "index": "A",
                        "name": [
                            "安东尼",
                            "阿肆"
                        ]
                    },
                    {
                        "index": "B",
                        "name": [
                            "博那个是",
                            "罢免",
                            "北欧网"
                        ]
                    }],

                active: 1
            };
        },
    }
</script>

<style scoped>

</style>